﻿html
{
    overflow-y: scroll;
    width:100%;
    height:100%;
}
body, div, td
{
    line-height: 1.4em;
}
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, th, td, dl, dt, dd
{
    margin: 0;
    padding: 0;
    font-size:14px;
    font-weight:normal;
    font-family:"PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", å¾®è½¯é›…é»‘, STHeitiSC-Light, simsun, å®‹ä½“, "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", sans-serif;
}
html,body{background-color:#fff; /*min-width:1170px;*/}
/*body {min-width:960px;_width:960px;}*/
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
img
{
    border: 0 none;
    padding:0;
}
address, caption, cite, code, dfn, em, th, var
{
    font-style: normal;
    font-weight: normal;
}
ul li,ol li
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}
h1, h2, h3, h4, h5, h6
{
    vertical-align: baseline;
    zoom: 1;
}
input, textarea, select, button
{
    font-weight: inherit;
    font-family: inherit;
    font-size: inherit;
}
button
{
    border: none;
    padding: 0;
}
button::-moz-focus-inner{
    border: none;
}
input[type=radio], input[type=checkbox]
{
    vertical-align: middle;
}
input{
    outline:0 none;
}
input.checkbox {vertical-align:middle;}
* html input
{
    vertical-align: baseline;
}
textarea
{
    overflow: auto;
}
fieldset{
    border:0 none
}
a:focus
{
    outline-style: none;
    outline-width: 0;
}
a{text-decoration:none; color:#666;}
a:hover{text-decoration:none;}
ul:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clear{clear:both;}
.main{width:1200px;margin: 0 auto;}
.top{padding:18px 0;overflow:hidden;}
.top .top_l{float:left;}
.top .top_r{float:right; margin-top:15px;}
.top .top_r .search{border:1px solid #dbdbdb;background:#f3f2f2;width:280px;height:30px;}
.top .top_r .search input{border:none;outline:none;background:none;text-indent:1em;font-size:14px;color;#cecece;line-height:30px;width:240px}
.top .top_r .search img{float:right;padding-right:4px;padding-top:2px;}
.indexcon{margin:80px 0;}
.index_box{padding-top:20px;height:20px;border-top:2px solid #000;position:relative;}
.index_box .index_title{position:absolute;width:100%;text-align:center;left:0;top:-24px;}
.index_box2{padding-top:20px;height:4px;border-top:1px solid #e9e9e9;position:relative;}
.index_box2 .index_title{position:absolute;width:100%;text-align:center;left:0;top:-9px;}
.index_box2 .index_title .text_z{background:#fff;padding:8px 12px; color:#00469b;font-size:18px;}
.index_box2 .index_title .text_e{font-size:16px;color:#252525;}
.index_info{margin-top:12px;}
.index_info .info_l{float:left;width:282px;height:376px;overflow:hidden;}
.index_info .info_r{float:right;width:894px;}
.index_info .info_r h3{color:#0039a8;font-size:26px;margin-bottom:20px;line-height:30px;}
.index_info .info_r p{padding:20px 0;border-top:1px dashed #4c4c4c;line-height:2em;color:#4e4e4e;font-size:16px;}
.index_info .info_r a{margin-top:20px;padding:7px 20px;border-radius:16px;background:#234cae;color:#fff;font-size:16px;font-weight:bold;}
.index_info .info_r a:hover{color:#ff8f2b}
.index_product{padding-top:80px;padding-bottom:20px;background:#ebebeb;}
.box_title{position:relative;height:60px;line-height:60px;border-bottom:4px solid #e1e1e1}
.box_title span.title_f{color:#003ca9;font-size:28px;}
.box_title span.title_s{color:#9e9e9e;font-size:28px;}
.box_title span.title_t{color:#8b8b8b;font-size:25px;}
.box_title .more{color:#194696;font-size:18px;float:right;}
.box_title .more:hover{color:#ff8f2b}
.box_title .line{position:absolute;left:0;top:60px;height:4px;background:#4171a8;width:180px;}
.indexpics{margin:20px 0;}
.indexpics ul{overflow:hidden;}
.indexpics ul li{position:relative;float:left;margin: 12px 12px;}
.indexpics ul li p{position:absolute;bottom:0;left:0;width:100%;height:40px;line-height:40px;font-size:18px;text-align:center;background:#194696;color:#fff;opacity:.8;}

.indexcase{padding-top:100px;}

.footer{background:#262626;padding:46px 0;margin-top:50px;}
.footbox{width:800px;height:146px; margin:0 auto;}
.footbox .foot_l{float:left;width:398px;border-right:2px solid #acacac;text-align:center;}
.footbox .foot_r{float:left;width:360px;padding-left:40px;text-align:left;}
.footbox .foot_l img{margin-top:20px;}
.footbox .foot_l p{color:#acacac;font-size:14px;line-height:24px;}
.footbox .foot_r h3{font-size:18px;color:#acacac;margin-top:20px;line-height:40px;}
.footbox .foot_r h3 span{color:#acacac;font-size:14px;}
.footbox .foot_r p{color:#acacac;font-size:14px;line-height:28px;}
.foot{background:#1f1f1f;height:45px; line-height:45px;}
.foot ul{float:left;padding:12px;width:800px;}
.foot ul li{float:left;width:100px;line-height:18px;text-align:center;border-right:2px solid #fff;}
.foot ul li:last-child{border:none;}
.foot ul li a{color:#fff;font-size:14px;}
.foot ul li a:hover{color:#ff8f2b;}
.foot span{float:right;color:#fff;font-size:14px;line-height:45px;}

/*show*/
.pos{background:#f5f5f5;}
.pos a,.pos span{color:#000;font-size:14px;line-height:50px;}
.pos a:hover{color:#ff8f2b}
.show_box{margin-top:40px;padding-bottom:40px;}
.show_box .show_title{text-align:center;line-height:40px;color:#666666;font-size:24px;}
.show_box .show_info{font-size:12px; color:#666666;padding:12px;border:1px dashed #2f2f2f;text-align:center;}
.show_box .show_body{font-size:16px;color:#4d4d4d;line-height:2em;padding-top:30px;}
.show_box .show_body p{margin-bottom:20px;}
.show_page{margin-top:40px;line-height:30px;}
/*piclist*/
.list_box{overflow:hidden;margin-top:20px;}
.list_l{width:270px;float:left; height:600px; background:url(/templets/tyf/picture/left.jpg) no-repeat; background-position:center center;}
.list_box .main_title,.show_box .main_title{font-size:24px; color:#666666;line-height:40px}
.list_r{ width:900px;float:right;}
/*.list_r ul{overflow:hidden;}*/
.list_r ul .list_pic{text-align:center;float:left;border:1px solid #f0f0f0;padding:8px;margin:12px 6px;box-shadow:5px 5px 5px #e7e7e7;}
.list_r ul .list_pic span{color:#000;font-size:18px;line-height:30px;}
.list_r ul .list_pic:hover span{color:#ff8f2b}
/*list*/
.list_news{border-bottom:1px dashed #000;padding-bottom:8px;margin-top:12px;}
.list_date{float:left;height:70px; width:80px;text-align:center;background:#f5f5f5;padding-top:10px;}
.list_date span{color:#000;font-size:26px;line-height:36px;}
.list_date p{color:#666666;font-size:12px;}
.list_info{float:left;width:804px;margin-left:16px;}
.list_info h3{color:#000;font-size:18px;line-height:36px;}
.list_info p{color:#666;font-size:12px;line-height:28px;}
.list_info:hover h3,.list_info:hover p{color:#ff8f2b}

/*分页*/
.pages{margin:30px 0;}
.pages li{ width:auto; display:inline-block; float:left; height:40px; margin:0 6px; }
.pages a{border:1px solid #666;padding:4px 8px; }
.pages a:hover{color:#ff8f2b;border:1px solid #ff8f2b;}
.pages span{color:#ff8f2b;border:1px solid #ff8f2b;padding:4px 8px; margin:0 6px;}


.about_m{margin-top:30px;}
.about_body{width:94%;margin:0 auto;font-size:14px;color:#4e4e4e;line-height:26px;}
.about_body a{font-size:16px;color:#00469b;}

/* 导航css */
.indexnav{height:50px; line-height:50px; background:#0039a8;}
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{   position:relative; z-index:1;  }
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; width:171px;text-align:center; font-size:18px;   }
.nav .sub{ display:none; width:171px; left:0; top:50px;text-align:center;  position:absolute; background:#053872; opacity:.8; line-height:50px;}
.nav .sub li{ zoom:1; border-bottom:2px dashed #002855}
.nav .sub a{ display:block; padding:0 10px; }
.nav .sub a:hover{ background:#0039a8; color:#fff;  }
.nav .on h3 a{ background:#053872; color:#fff;   }

/* 本例子css */
.slideBox{ width:100%; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*小图滚动css */
.picMarquee-left{ overflow:hidden; position:relative; width:1200px;}
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-left .next{    cursor: pointer;width:28px;height:84px;position:absolute;left:2px;top:144px; background:url(../images/btn.png) -13px no-repeat; }
.picMarquee-left .prev{    cursor: pointer;width:28px;height:84px;position:absolute;right:0;top:144px;  background:url(../images/btn.png)  -79px no-repeat; }

.picMarquee-left .bd{ padding:15px 34px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{  float:left; _display:inline; overflow:hidden; text-align:center; position:relative; }
.picMarquee-left .bd ul li .pic{ text-align:center;padding:0 13px; }
.picMarquee-left .bd ul li .pic img{ width:540px; height:320px; display:block;  }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title2{ line-height:60px;width:540px;  position:absolute;left:13px;bottom:0;background:#194696;opacity:.7; }
.picMarquee-left .bd ul li .title2 a{font-size:18px;color:#fff;}

/* 本例子css */
.sideMenu{ border:1px solid #ddd;  }
.sideMenu h3{ height:38px; line-height:38px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#6aaafd; cursor:pointer;
    font:normal 18px/38px "Microsoft YaHei";color:#fff;text-align:center;
}
.sideMenu h3:hover{background:#1068d9;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoadd.png) 16px 17px no-repeat; cursor:pointer; }
.sideMenu h3 a{color:#fff;}
.sideMenu h3.on em{ background-position:16px -51px; }
.sideMenu ul{ display:none; /* 默认都隐藏 */ }
.sideMenu ul li{padding:8px 25px;line-height:30px;text-align:center;}
.sideMenu ul li:hover{background:#1068d9; }
.sideMenu ul li:hover a{color:#fff;font-size:16px;}
/* 本例子css -------------------------------------- */
.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7);
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
}
.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#FE6C9C;  }

.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;   background:url(../images/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

/*手机*/
.logo{width:100%;text-align:center;padding:12px 0;}
.nav_m{width:100%;background:#00469b;height:40px;line-height:40px;}
.nav_m ul li{float:left;width:25%;text-align:center;}
.nav_m ul li  a{display:block;width:98%;border-left:1px solid #fff;color:#fff;font-size:14px;}
.news_m{margin-top:40px;}
.newslist{width:94%;margin:0 auto;margin-top:12px;}
.newslist ul li{background:url(../images/dd.png) 0px 18px no-repeat;border-bottom:1px solid #e9e9e9;padding:6px 0px 6px 20px;}
.newslist ul li a{font-size:16px;color:#565656;line-height:30px;}
.newslist ul li span{font-size:12px;color:#a2a2a2;}
.product_m{margin-top:40px;}
.productlist{width:94%;margin:0 auto;margin-top:12px;padding-bottom:20px;}
.productlist ul li{text-align:center;float:left;width:50%;}
.productlist ul li div{padding:0 6px 2px 6px;}
.productlist ul li span{font-size:14px;color:#000;line-height:30px;}
.foot_m{padding:4px 0;color:#fff;font-size:14px;background:#656565;text-align:center;line-height:30px;}
.more_m{text-align:center;margin:20px 0;}
.more_m a{color:#9c9c9c;font-size:12px;padding:6px 20px;border:1px solid #e9e9e9;}
.channel{width:18px;height:18px;margin:0 auto;}
#channel{z-index:999;position:absolute;left:100%;top:0;width:100%;height:100%;background:#fff;}
#channel ul li{border-bottom:1px solid #e9e9e9;line-height:40px;width:100%;text-indent:1em;}
#channel ul li{font-size:16px;}
#channel ul li img{float:right;padding-right:12px;margin-top:10px;}
.back{line-height:40px;background:#343434;border-bottom:1px solid #e9e9e9;width:100%;text-indent:8px;}
.back a{display:block;width:100%;height:30px;padding:4px 12px;}
#channel .sub{display:none;}
#channel .sub ul li{text-indent:2em;}
#channel .sub ul li a{font-size:14px;}




/*表单*/
.biaod{ width:80%; margin:0 auto;}
.biaod .bt{ height:70px; line-height:70px; font-size:24px; color:#000;}
.biaod td{ font-family:"宋体"; font-size:16px; color:#585858; height:70px; line-height:70px;}
.biaod b{ color:#ff0000; font-weight:normal; margin:0 6px;}
.biaod .input1{ border:1px solid #d2d2d2; height:44px; line-height:44px; padding-left:2px; width:300px;}
.biaod textarea{ border:1px solid #d2d2d2; width:400px; height:80px; line-height:24px; }

.ann{ margin:30px 0 20px 150px;}
.ann input{ width:120px; height:38px; border:none; margin:0 10px; cursor:pointer; font-size:14px; color:#fff;}
.ann .tj{ background:#0039a8;}
.ann .cz{background:#0039a8;}







